<template>
  <div>
    <open-modal v-if="position == 'bottom'" :openModal="showGuidePop" @closeModal="showGuidePop = false">
      <group-guidance-com :isType="isType" :position="position" :groupObject="groupObject" :startAt="startAt" @hideGuidePop="showGuidePop = false"></group-guidance-com>
    </open-modal>
    <div v-else v-show="showGuidePop" class="c-w100 c-h c-pf c-flex-row c-pz1003 c-translucent-balck50 c-p-l0 c-p-t0 c-flex-center" @click.self="showGuidePop = false">
      <group-guidance-com :isType="isType" :position="position" :groupObject="groupObject" :startAt="startAt" @hideGuidePop="showGuidePop = false"></group-guidance-com>
    </div>
  </div>
</template>

<script>
import OpenModal from "@/components/templates/common/openModal.vue";
import groupGuidanceCom from "@/components/templates/common/groupGuidanceCom.vue";

export default {
  name: 'GroupGuidance',
  components: {
    OpenModal,
    groupGuidanceCom
  },
  props: {
    //   传入的对象
    groupObject: {
      type: Object,
      default: function () {
        return {}
      }
    },
    // 判断样式区分 训练营，公开课，直播间有暗号和时间，其他没有
    isType: {
      type: Boolean,
      default: true
    },
    startAt: {
      type: String,
      default: ''
    },
    position: {
      type: String,
      default: 'center'
    }
  },
  data() {
    return {
      showGuidePop: false,
    }
  },
  activated() {
    this.showGuidePop = false;
  },
  methods: {
    // 弹窗
    isShowPop() {
      this.showGuidePop = true;
    }
  },
}
</script>

<style scoped>
.c-hh400 {
  height: 10rem;
}
.c-hh410 {
  height: 10.25rem;
}
</style>